<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>
        body{
            background: url("../img/bg.png");
        }
        .center{
            margin: auto;
            background: white;
            width: 400px;
            test-align: center;
        }

    </style>

</head>
<body>
    <img src="../img/logo.png" alt="">
    <div class="center" align="center">
         <p align="center">注册详情</p>
        <hr>
        <form action="#" method="get">
            <div >
                <lable for="username">姓名:</lable>
                <input type="text" id="username" name="username" placeholder=" 请输入姓名" required ><br>

                <lable for="password">密码:</lable>
                <input type="password" id="password" name="password" placeholder=" 请输入密码" required><br>

                <lable for="email">邮箱:</lable>
                <input type="email" id="email" name="email" placeholder=" 请输入邮箱" required><br>

                <lable for="tel">手机:</lable>
                <input type="tel" id="tel" name="tel" placeholder=" 请输入手机" required><br>
            </div>
            <hr>
            <div>
                <lable for="sex">性别:</lable>
                <input type="radio" id="sex" name="sex" value="man">男
                <input type="radio" name="sex" value="women" >女
                <input type="radio" name="sex" value="other">其他
                <br>

                <lable for="hobby">爱好:</lable>
                <input type="checkbox" id="hobby" name="hobby" value="miusc">音乐
                <input type="checkbox" name="hobby" value="moive" >电影
                <input type="checkbox" name="hobby" value="game">游戏
                <br>
                <lable for="date">出生日期:</lable>
                <input type="date" id="date" name="date" >
                <br>

                <label for="ctiy">所在城市:</label>
                <select name="ctiy" id="ctiy">
                    <option value="">----请选择所以在城市------</option>
                    <optgroup label="直辖市">
                        <option value="">重庆</option>
                        <option value="">重庆</option>
                        <option value="">重庆</option>
                    </optgroup>
                </select>
            </div>
            <hr>
            <div>
                个性签名:
                <textarea name="" id="desc" cols="40" rows="5" placeholder="输入个性签名"></textarea>
            </div>
            <div>
                <input type="submit" value="注册">
                <button type="reset">重置</button>
            </div>
        </form>






    </div>

</body>
</html>